<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单</title>
    <link rel="stylesheet" href="../static/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../static/dist/css/mynav.css">
    <link rel="stylesheet" href="../static/dist/css/personal_order.css">
</head>
<body>
<div class="container-fluid " >
    <div class="row">
        <nav class="navbar navbar-expand-md fixed-top" role="navigation">
            <div class="container container-lk">
                <div class="navbar-header">
                    <a class="navbar-brand" href="home.html"><img src="../static/dist/img/logo2.jpg" alt=""></a>
                    <button class="navbar-btn dropdown-toggle" onclick="pop()">
                        <i style="font-size:24px;color: white" class="fa">
                            &#xf0c9
                        </i>
                        <p>菜单</p>
                    </button>
                </div>
                <div id="sid" class="sidebar">
                    <button onclick="remove()"><img src="../static/dist/img/delete.png" alt=""></button>
                </div>


                <div class="input-group navbar-left">
                    <!--                    <span class="input-group-addon dropdown">-->
                    <!--                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                    <!--                                所有 <b class="caret"></b>-->
                    <!--                            </a>-->
                    <!--                            <ul class="dropdown-menu">-->
                    <!--                                <li><a href="#">所有</a></li>-->
                    <!--                                <li><a href="#">类型</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">设置</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">退出登录</a></li>-->
                    <!--                            </ul>-->
                    <!--                    </span>-->
                    <input type="text" class="form-control" placeholder="请输入要搜索的内容" aria-label="Amount (to the nearest dollar)">
                    <span class="input-group-addon btn btn-primary"><i class="fa fa-search"></i></span>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right " onmouseout="leave()">
                        <li><a href="home.html">首页</a></li>
                        <li><a href="#">电影</a></li>
                        <li><a href="#">榜单</a></li>
                        <li><a href="login.html" >登录|注册</a></li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                我的 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" style="background-color: #080E1C">
                                <li><a href="personal.html">个人中心</a></li>
                                <li><a href="personal_order.html">我的订单</a></li>
                                <li class="divider"></li>
                                <li><a href="personal_settings.html">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </li>
                        <li>
                            <img class="picture" src="../static/dist/img/30.jpg">
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>



<div class="container container-dsy">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-2">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                    <tr>
                        <br>
                        <th style="font-size: 22px">个人中心</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td><a href="personal.html">基本信息</a></td>
                    <tr>
                        <td><a href="personal_order.html">我的订单</a></td>
                    <tr>
                        <td><a href="personal_view_points.html">观影积分</a></td>
                    <tr>
                        <td><a href="#">我的短评</a></td>
                    <tr>
                        <td><a href="#">我的关注</a></td>
                    <tr>
                        <td><a href="personal_settings.html">设置</a></td>
                    <tr>
                        <td><a href="#">安全退出</a></td>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-8 first" >
            <div class="col-md-12">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                        <tr>
                            <br>
                            <th style="color: red;font-size: 18px">订单详情</th>
                        </thead>
                    </table>
                </div>
            </div>
           <div class="col-md-12">
               <div data-spy="scroll" data-target="#navbar-example" data-offset="0"
                    style="height:500px;overflow:auto; position: relative;">
                   <div class="table-responsive">
                       <table class="table">
                           <thead>
                           <tr>
                               <th>订单编号</th>
                               <th>订单日期</th>
                               <th>电影照片</th>
                               <th>电影信息</th>
                               <th>订单状态</th>
                               <th>价格</th>
                               <th></th>
                               <th></th>
                           </tr>
                           </thead>
                           <tbody>
                           <tr>
                               <td>
                                   <br>
                                   <br>
                                   20589283144
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   2018-12-31
                               </td>
                               <td>
                                   <img src="../static/dist/img/sea.png" alt="">
                               </td>
                               <td>
                                   <br>
                                   <p style="font-weight: bolder">《海王》</p>
                                   <p>4D厅 7排7座</p>
                                   <p style="color: red">周二 1月1号 11:05</p>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <a href="#">已完成(观影短评)</a>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   ￥45
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <p><a href="personal_pay_order_details.html">订单详情</a></p>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <a class="text-danger" href="#" style="float: right">
                                       <span class="glyphicon glyphicon-trash"></span>
                                   </a>
                               </td>
                           </tr>
                           <tr>
                               <td>
                                   <br>
                                   <br>
                                   20589283144
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   2018-12-31
                               </td>
                               <td>
                                   <img src="../static/dist/img/sea.png" alt="">
                               </td>
                               <td>
                                   <br>
                                   <p style="font-weight: bolder">《海王》</p>
                                   <p>4D厅 7排7座</p>
                                   <p style="color: red">周二 1月1号 11:05</p>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <a href="#">待使用(取票二维码)</a>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   ￥45
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <p><a href="personal_pay_order_details.html">订单详情</a></p>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <a class="text-danger" href="#" style="float: right">
                                       <span class="glyphicon glyphicon-trash"></span>
                                   </a>
                               </td>
                           </tr>
                           <tr>
                               <td>
                                   <br>
                                   <br>
                                   20589283144
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   2018-12-31
                               </td>
                               <td>
                                   <img src="../static/dist/img/sea.png" alt="">
                               </td>
                               <td>
                                   <br>
                                   <p style="font-weight: bolder">《海王》</p>
                                   <p>4D厅 7排7座</p>
                                   <p style="color: red">周二 1月1号 11:05</p>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <a href="pay.html">待支付(去支付)</a>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   ￥45
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <p><a href="personal_pay_order_details.html">订单详情</a></p>
                               </td>
                               <td>
                                   <br>
                                   <br>
                                   <a class="text-danger" href="#" style="float: right">
                                       <span class="glyphicon glyphicon-trash"></span>
                                   </a>
                               </td>
                           </tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           <tr>
                               <td>产品4</td>
                               <td>20/10/2013</td>
                               <td>已退货</td></tr>
                           </tbody>
                       </table>
                   </div>
               </div>
           </div>
        </div>
        <div class="col-md-1"></div>

    </div>
</div>
<script src="../static/plugins/jquery/jquery.min.js"></script>
<script src="../static/plugins/bootstrap/js/bootstrap.js"></script>
<script src="../static/dist/js/mynav.js"></script>
</body>
</html>